<template>
  <div class="tb-expand">
    <Row class="expand-row" v-for="item in list" :key="item">
      <Col span="7">
        <span class="expand-key">充值金额: </span>
        <span class="expand-value">{{ item.offer }}</span>
      </Col>
      <Col span="10">
        <span class="expand-key">充值时间: </span>
        <span class="expand-value">{{ item.updatetime }}</span>
      </Col>
      <Col span="7">
        <span class="expand-key">余额: </span>
        <span class="expand-value">{{ item.balance }}</span>
      </Col>
    </Row>
  </div>
</template>
<script>
  export default {
    props: {
      row: Object
    },
    data() {
      return {
        list: []
      }
    },
    created() {
      this.list = this.row.children
    }
  }
</script>
<style scoped style="text/stylus" lang="scss">
  .expand-row {
    margin-bottom: 16px;
  }
</style>
